<template>
  <div>
      <div>
          <span>选择城市:</span>
          <!-- 下拉菜单要绑定在select上 -->
          <select name="" id="" v-model="M">
              <option value="北京市">北京</option>
              <option value="上海市">上海</option>
              <option value="南昌市">南昌</option>
          </select>
      </div>
      <!-- （重要）遇到复选框，v-model的变量值
        非数组 - 关联的是复选框的checked属性
        数组 - 关联的是复选框的vlaue属性
     -->
      <span>爱好:</span>
      <input type="checkbox" v-model="H"  value="篮球">篮球
      <input type="checkbox" v-model="H"  value="足球">足球
      <input type="checkbox" v-model="H"  value="羽毛球">羽毛球
      <input type="checkbox" v-model="H"  value="乒乓球">乒乓球
      <div>
      <div>
          <span>性别:</span>
          <input type="radio"  value="男" name="sex" v-model="S">男
          <input type="radio"  value="女" name="sex" v-model="S">女
      </div>
      <div>
          <span>自我介绍</span>
          <textarea v-model="X"></textarea>
      </div>
      </div>
  </div>
</template>

<script>
export default {
data(){
    return {
        M:'',
        H:[],
        S:'',
        X:'',
    }
}
}
</script>

<style>

</style>